<section class = "ajaxSitePage" id = "homepage">
    <div id="homePage_title" class="center emphasise push80">
        <h1 style="margin:0 auto; max-width:80%;">2 Choix de recherche</h1>
        <p>Maximisez vos chances de trouver le produit idéal!</p>
    </div>

    <div class="homePage_content">

        <ul class="clear">
            <li id = "homepage_guide" class="one_half first">
                <span class = "homepage_bubbles_block">
                    <img id = "homepage_bubbles_left" class = "homepage_bubbles" src="{{asset('images/homepage/BulleGuide.png')}}" alt="">
                </span>
                <a href="javascript:showGuide();">
                    <img src="{{asset('images/homepage/CanardAccueilGuide.png')}}" class = "shake" alt="">
                </a>
            </li>
            <li id = "homepage_forum" class="one_half">
                <span class = "homepage_bubbles_block">
                    <img id = "homepage_bubbles_right" class = "homepage_bubbles" src="{{asset('images/homepage/BulleForum.png')}}" alt="">
                </span>

                <a class="forumhome" style="{% if app.user %} {{ 'display:none;' }} {% endif %}" href="javascript:showForum(0);">
                    <img src="{{asset('images/homepage/CanardAccueilForum.png')}}" class = "shake" alt="">
                </a>
                <a class="forumhome" style="{% if not app.user %} {{ 'display:none;' }} {% endif %}" href="javascript:showForum(1);">
                    <img src="{{asset('images/homepage/CanardAccueilForum.png')}}" class = "shake" alt="">
                </a>
            </li>
        </ul>
    </div>
</section>